<template>
  <div class="but-group">
    {{ butSize }}--{{ butType }}
    <el-button
      v-if="isEdit"
      :size="butSize"
      :type="butType"
      icon="el-icon-edit"
      :disabled="isDisable[0]"
      butShap()
      @click="handleEdit()"
    >{{ $t("operating.handle") }}</el-button>
    <el-button
      v-if="isDelete"
      :size="butSize"
      :type="butType"
      icon="el-icon-delete"
      round
      :disabled="isDisable[1]"
      @click="handleDelete()"
    >{{ $t("operating.delete") }}</el-button>
    <el-button
      v-if="isDetail"
      :size="butSize"
      :type="butType"
      icon="el-icon-document"
      :disabled="isDisable[2]"
      @click="handleDetail()"
    >查看</el-button>
  </div>
</template>

<script>
export default {
  props: {
    butType: {
      type: String,
      default: 'text'
    },
    butSize: {
      type: String,
      default: 'mini'
    },
    isEdit: {
      type: Boolean,
      default: true
    },
    isDelete: {
      type: Boolean,
      default: false
    },
    isDetail: {
      type: Boolean,
      default: false
    },
    isDisable: {
      type: Array,
      default: [false, false, false]
    }
  },
  computed: {
    butShap() {
      return 'round'
    }
  },
  methods: {
    handleEdit() {},
    handleDelete() {},
    handleDetail() {}
  }
}
</script>

<style>
</style>
